/**
* common.css
* common layout page stylesheet
*
* @since 1.0 <2015-12-5> SoChishun <14507247@qq.com> Added.
*/

body{font-size:12px; margin:0; color:#333;}
a { text-decoration: none; color:#333;}    
.xsui-align-right { text-align: right;}
.xsui-hide { display:none;}

/* header */
header, .header {position: relative;z-index:	100000;}
.ui-layout-north, .ui-layout-south { background-color:#00386F; color:#FFF;}
.ui-layout-north a, .ui-layout-west a, .ui-layout-south a { color:#FFF;}
.ui-layout-west { background-color:#376EA7; color:#FFF;}
.logo { font-size:30px; font-weight: bold; font-family: 'Microsoft YaHei'}
.sf-menu {float:none; z-index:9999}
.sf-menu li { background-color:#376EA7;}
.sf-menu li li { background-color:#376EA7;}
.sf-menu li>a { border-top:none;}
.sf-menu li>a:first-child { border:none;}
.sf-menu li a, .sf-menu .xsui-menu-header { color:#FFF; padding:.5em 1em}
.sf-menu a { border-left:1px solid #9AB6D2}
.sf-menu li li a { border-left: none;}
.sf-menu li ul { border: solid 1px #9AB6D2}
.sf-menu .xsui-menu-header { background-color:#00386F; color:#CCC}
.sf-menu li:hover, .sf-menu li.sfHover { background-color:#1C5589}
.header-top { position: relative;}
.header-bar { border-top:1px solid #9AB6D2; background-color:#376EA7; width:100%; display:table;}
.header-message { }
.header-message li { display:inline-block; margin:2px 0 0 20px;}
.header-message li:first-child {margin:0}
.header-message i {margin-right:5px;}
.header-message a i { margin:0px;}
.header-message a:hover i { color:#F2C689}
.header-message .xsui-icon-only { margin-left:10px;}
/* /header */

/* header-user */
.header-user { margin-top:3px;}
.header-user a { margin-left: 5px;}
.header-user a:first-child{margin-right:5px;}
.header-user img { width:16px; height:16px; vertical-align: text-bottom;}
/* /header-user */

/* lnk-history */
.lnk-history { position: relative;}
.lnk-history ul { display:none; position: absolute; right:-5px; width:100px; border: solid 1px #CCC; padding:5px 0; text-align: left; line-height:21px; background-color:#FFF; z-index:999;}
.lnk-history ul li { margin:0; padding:0 10px; width:80px;}
.lnk-history ul li:first-child { margin:0;}
.lnk-history ul li:last-child { border-top:solid 1px #CCC; margin-top:2px;}
.lnk-history ul a { color:#333; margin-right: 5px;}
.lnk-history ul a:hover  { text-decoration: underline;}
/* /lnk-history */

/* aside-menu */
.aside-menu { height: 480px; overflow-y: auto;}
.aside-menu legend { cursor: pointer; color:#FFF; font-weight: bold; font-size:13px; text-indent: 10px; padding:8px 0 8px 0; position: relative; width:100%;  border-top:1px solid #9AB6D2;}
.aside-menu legend a { position: absolute; right:10px; top:8px;}
.aside-menu ul { padding-bottom:15px;}
.aside-menu li { padding:6px 10px 6px 25px; background-color:#376EA7;}
.aside-menu li i { margin-right:8px; }
.aside-menu li.active { background-color:#215A93}
.aside-menu li.active a, .aside-menu li a:hover {color:#F2C689;}
.aside-menu li.active i:first-child {color:#F2C689;}
/* /aside-menu */

/* aside-user-zone */     
.aside-user-zone fieldset {position: relative;}
.aside-user-zone legend { color:#FFF; font-size:13px; text-indent: 10px; padding:8px 0 8px 0;}
.aside-user-zone legend img { width:16px; height:16px; vertical-align: text-bottom;}
.aside-user-zone legend a { margin-left:5px;}
.aside-user-zone .switch { position: absolute; right:10px; top:9px;}
.aside-user-zone .content {  line-height: 19px; padding:10px 5px;}
.aside-user-zone dt { font-weight: bold;}
.aside-user-zone a { margin-left:5px; color:#FFF;}
.aside-user-zone dd a:first-child{margin:0px;}
.aside-user-zone .face img { width:60px; height:60px;}
.aside-user-zone .stat { display:table;}
.aside-user-zone .stat dt { clear:left; font-weight: normal;}
.aside-user-zone .stat dt, .aside-user-zone .stat dd { float:left;}
/* /aside-user-zone */

/* clock-zone */
.aside-clock-zone { margin-top:3px; border-top:solid 1px #9AB6D2;}
.aside-clock-zone .clock { padding:8px 0 8px 0; position: relative;}
.aside-clock-zone .clock span { padding-left: 10px; font-size:13px;}
.aside-clock-zone .switch { position:absolute; right:10px; top:8px; color:#FFF; }
.aside-clock-zone .switch i { color:#FFF; background:none;}
.aside-clock-zone em {color:#F2C689}
.aside-clock-zone .icon { background-color:#00386F; margin-left:5px; font-size:13px;}
.aside-clock-zone .fa-sun-o { color:#FF0;}
.aside-clock-zone .fa-moon-o {color:#FE0; padding:0px 2px;}
.aside-clock-zone .aside-calendar .ui-datepicker { width:190px; padding:0}
.aside-calendar .ui-datepicker td span,.aside-calendar .ui-datepicker td a { padding:1px;}
.aside-calendar .ui-widget-content {margin:0 0 5px 2px;}
/* /aside-clock-zone */

/* clock-zone */
.clock-zone .clock span { padding-left: 10px; font-size:13px;}
.clock-zone em {color:#F2C689}
.clock-zone .icon { background-color:#00386F; margin-left:5px; font-size:13px;}
.clock-zone .fa-sun-o { color:#FF0;}
.clock-zone .fa-moon-o {color:#FE0; padding:0px 2px;}
/* /clock-zone */

/* notices-slider */
.notices-slider{ position:relative; margin-top:2px;}
.notices-slider a.abtn{height:20px;top:0;}
.notices-slider .slider-content{ height:20px; line-height:20px; overflow:hidden; position:relative; width:335px; }
.notices-slider .slider-content label{position:absolute;left:0;top:0; font-weight: bold;}
.notices-slider .slider-content ul{position:absolute;left:30px;top:0;width:300px;}
.notices-slider .slider-content li { width:300px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.notices-slider a.aleft{position:absolute; left:20px; top:1px}
.notices-slider a.aright{position:absolute;right:0; top:1px}
/* /notices-slider */

/* footer */
footer, .footer { padding:5px 10px; text-align:right;}
/* /footer */

/* header-exten-workbench */
.header-exten-workbench-abs {max-width:500px; position:absolute; bottom:3px; right:5px; height:21px; line-height:21px; text-align: right; background-color:#376EA7;}
.header-exten-workbench-abs .switch { margin-left:5px;}
.header-exten-workbench-left { height:21px; line-height:21px; background-color:#376EA7;}
.header-exten-workbench-left span a { margin-right: 10px;}
.header-exten-workbench-left span a:hover { color:#F2C689}
.header-exten-workbench-left .switch { display: none;}
/* /header-exten-workbench */

/* ui-dialog */
.ui-dialog .ui-dialog-buttonset .fa { margin-left:.6em;}
.ui-dialog .ui-dialog-buttonset .ui-button-text { padding:.4em .8em .4em .4em; display:inherit;}
/* /ui-dialog */